﻿.metro-submit {
    /*border: 1px solid fuchsia;*/
    font-family: 'Segoe UI';
    color: whitesmoke;
    min-width: 50px;
    min-height: 25px;
    border: 2px solid #808080;
    text-align: center;
    color: #fff;
    cursor:pointer;
}

#btn-log-add-submit {
    margin-top: 0.3em;
    background: rgb(132,99,0); /* Old browsers */
    height: 3em;
    min-width:100px;
}

    #btn-log-add-submit:hover {
        background: rgb(132,99,0); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(132,99,0,1) 1%, rgba(138,112,33,1) 90%, rgba(186,192,0,1) 90%, rgba(186,192,0,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(132,99,0,1)), color-stop(90%,rgba(138,112,33,1)), color-stop(90%,rgba(186,192,0,1)), color-stop(100%,rgba(186,192,0,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(132,99,0,1) 1%,rgba(138,112,33,1) 90%,rgba(186,192,0,1) 90%,rgba(186,192,0,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(132,99,0,1) 1%,rgba(138,112,33,1) 90%,rgba(186,192,0,1) 90%,rgba(186,192,0,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(132,99,0,1) 1%,rgba(138,112,33,1) 90%,rgba(186,192,0,1) 90%,rgba(186,192,0,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(132,99,0,1) 1%,rgba(138,112,33,1) 90%,rgba(186,192,0,1) 90%,rgba(186,192,0,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#846300', endColorstr='#bac000',GradientType=0 ); /* IE6-9 */
    }

    #btn-log-add-submit > div {
        margin-top: 0.8em;
    }

.metro-button-container {
    /*border: 1px solid blue;*/
    max-width: 400px;
    position: relative;
    background-color: #e6c524;
}

    .metro-button-container:hover {
        /*border-left: 5px solid #ffff00;*/
    }

    .metro-button-container .metro-button-content {

        color: whitesmoke;
        width: 100%;
        text-align: center;
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        cursor:pointer;
    }

        .metro-button-container .metro-button-content > span {
            margin-left:7px;
            margin-right:7px;
        }

    .metro-button-container .metro-button-side {
        position:absolute;
        top:0px;
        width:5px;
        background-color:#FFAA00;
        height:100%;
    }

    .metro-button-container .metro-button-left {
        left:0px;
    }

    .metro-button-container .metro-button-right {
        right:0px;
    }
